<template>
	<view class="zone">

		<u-navbar :is-back="false" :height="60" :background="background" :border-bottom="false">
			<view class="slot-wrap">
				<view class="nav-bar2">
					<view class="n_left">
						<u-icon class="back" size="20px" color="#fff" @click="$p.back()" name="arrow-left"></u-icon>
						<text>大玩家专属交流群</text>
					</view>
				</view>
			</view>
		</u-navbar>

		<view class="main">
			<p class="title">此群仅限大玩家可进， <br> 申请的时候备注: <text> [手机号]/[ID]/[密码后4位]</text>  验证本人后可进入.</p>
			<image src="http://img.cpgm.cc/panda/static/index/woldqq.jpg" mode="widthFix" />
		</view>

		

	</view>
</template>

<script>
	export default {
		data() {
			return {
				background: {
					backgroundColor: 'transparent',
				},
			};
		}
	}
</script>

<style lang="less">

.zone {
	background: #000;
	min-height: 100vh;
}
.main {
	padding: 10px;

	image {
		width: 100%;
		border-radius: 12px;
		margin-top: 10px;
	}
}

.nav-bar2 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 60px;
	padding: 0px 10px;
}

.n_left {
	text {
		color: #fff;
		font-weight: 600;
		font-size: 25px;
		margin-left: 5px;
	}
}

.shouxu {
	color: #fff;
	font-size: 14px;
}

.title {
	color: #D1D1D1;
	font-size: 12px;
	line-height:22px;

	text {
		background: #fff;
		border-radius: 5px;
		padding: 2px 5px ;
		color: #000;
		font-weight: 600;
		margin: 0 5px;
	}
}

</style>
